﻿
@charset "UTF-8";
/*table ------------------------------------------------------------------*/
table {
	border: 2px solid #555;
}
td {
	border: 2px solid #555;
}
th {
	border: 2px solid #555;
}
a {
	text-decoration: none;
}


/*overwrite content.css ------------------------------------------------------------------*/
#maincontents .related-box {
	display: none;
}
#maincontents .section {
	width: auto;
}
#maincontents .section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #maincontents .section {
	zoom: 1;
}
#maincontents .section .text-r-col {
	width: 70%;
	float: right;
	margin: 0 0 10px;
}
#maincontents .section .image-l-col {
	float: left;
	width: 30%
	text-align: center;
	margin: 0 0 10px;
}
#maincontents .section .text-l-col {
	width: 70%;
	float: left;
	margin: 0 0 10px;
}
#maincontents .section .image-r-col {
	float: right;
	width: 30%
	margin: 0 0 10px;
	text-align: center;
}
#maincontents .section .image-l-col img, #maincontents .section .image-r-col img {
	margin: 0 auto 8px;
}
#maincontents .section .image-l-col p, #maincontents .section .image-r-col p {
	text-align: left;
}
/*2 columns layout, Half and Half*/
#maincontents .section1 {
	width: auto;
	clear: both;
}
#maincontents .section1:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#maincontents .section1 .text-r-col {
	width: 48%;
	float: right;
	margin: 0 0 10px;
}
#maincontents .section1 .image-l-col {
	width: 48%;
	float: left;
	text-align: center;
	margin: 0 0 10px;
}
#maincontents .section1 .text-l-col {
	width: 48%;
	float: left;
	margin: 0 0 10px;
}
#maincontents .section1 .image-r-col {
	width: 48%;
	float: right;
	margin: 0 0 10px;
	text-align: center;
}
#maincontents table {
	font-size: 100%;
}
#maincontents .related-link {
	display: none;
}
#maincontents .gotoPageTop {
	display: none;
}
#maincontents .symbol dl {
	width: auto;
	float: left;
}

/*overwrite microcomputer.css ------------------------------------------------------------------*/
/*List 3cols.*/
#maincontents ul.micro3cols li {
	width: 30%;
	margin: 2px 5px 2px 0px;
}
/*Application - Micro Computer*/
#maincontents table.micom-function table, #maincontents table.micom-function table th, #maincontents table.micom-function table td {
	font-size: 100%;
	line-height: 110%;
}
#maincontents ul.micom-button {
	display: none;
}
/*2 columns layout, Microcomputer-Selection*/
#maincontents .section-mcs {
	width: auto;
}
#maincontents .section-mcs .l-col {
	width: 48%;
	float: left;
	margin: 0 0 10px;
}
#maincontents .section-mcs .r-col {
	width: 48%;
	float: right;
	margin: 0 0 10px;
}
#maincontents .section-mcs .r-col table {
	width: auto;
}
#maincontents .symbol-micom dl {
	float: left;
	width: auto;
}
#maincontents .symbol-micom dl dt {
	margin-top: 0px;
	margin-left: 0px;
}
#maincontents .symbol-micom dl dd {
	margin-bottom: 10px;
	margin-left: 0px;
}
#maincontents .symbol-micom ul li {
	margin-top: 2px;
	margin-bottom: 2px;
}

/*overwrite top.css ------------------------------------------------------------------*/
/*Flash*/
#top #feature {
	width: auto;
	height: auto;
}
/*mainbody*/
#top #mainBody {
	background: none;
}
/*content*/
#top #maincontents {
	width: auto;
}
#top #maincontents #language {
	display: none;
}
/*global navigation*/
#top #maincontents #globalNavigation {
	display: none;
}
/*toppage contents*/
#top #maincontentsList {
	clear: both;
	width: auto;
	background: none;
}
#top #maincontentsList #productList {
	width: 60%;
}
#top #maincontentsList #productList h2 {
	background: url(../image/top-h2-middle.gif) top left;
	width: 330px;
}
#top #maincontentsList #productList h3 {
	background: none;
}
#top #maincontentsList #productList .list {
	width: auto;
}
/*applications list*/
#top #maincontentsList #applicationList {
	width: 30%;
}
#top #maincontentsList #applicationList h2 {
	width: 150px;
	background-repeat: no-repeat;
}
#top #maincontentsList #applicationList ul {
	width: auto;
}
/*support navigation*/
#top #maincontentsList #support {
	display: none;
}
/*second section*/
#top #secondSection {
	clear: both;
	background: none;
}
#top #secondSection #newProduct,
#top #secondSection #news {
	width: auto;
	float: none;
}
#top #secondSection #newProduct h2 {
	width: 510px;
}
#top #secondSection #newProduct .comment {
	margin-left: auto;
}
/*general section*/
#top .topSection .topSectionSub1 {
	width: 48%;
	float: left;
}
#top .topSection .topSectionSub2 {
	width: 48%;
	float: right;
}
#top .topSection h2 {
	width: 90%;
}
/*banner*/
#top #banner,
#top #minibanner,
#top #rss {
	display: none;
}
.newpage {
	page-break-before: always;
}


/*2009年9月追加分*/
#topic-path {
	display: none;
}

/*2011-04-14修正*/
#ssd #globalNavi,
#wled #Navi {
	display: none;
}


/* 2011改修時追加　*/
/*====================================================================
 link
====================================================================*/
a {
    text-decoration: none !important;
}


/*====================================================================
 header
====================================================================*/
#headerArea {
    border-bottom: 3px solid #BEBEBE;
    margin: 0;
    padding: 0 0 15px;
    width: auto;
	height: 50px !important;
}
#headright {
    display: none;
}


/*====================================================================
 footer
====================================================================*/
#footLink {
	display: none;
}


/*====================================================================
 gloabalnavi
====================================================================*/
#gnaviArea {
    display: none;
}


/*====================================================================
 container
====================================================================*/
#container ,#maincontents {
    background: none repeat scroll 0 0 transparent;
    width: auto;
}
#maincontents #colLeft {
	display: none;
}
#maincontents #colRight {
	width: 100%;
}


/*====================================================================
 title
====================================================================*/
/*----- h1 -----*/
h1.profile ,h1.contact ,h1.sample ,h1.support {
	background: #D23838;
	background-image: none;
	height: auto;
	font-size: 140%;
	color: #ffffff;
	margin: 0 0 20px;
	padding: 14px 20px 10px;
}
h1 {
	background: #D23838;
	background-image: none;
	font-size: 100%;
	color: #ffffff;
	margin: 0 0 20px;
	padding: 14px 20px 10px;
}
#environment h1 {
	background: #257600;
	background-image: none;
	font-size: 100%;
	color: #ffffff;
	margin: 0 0 20px;
	padding: 14px 20px 10px;
}

/*----- h2 -----*/
h2 {
	background: none;
	border: 3px solid #e4e4e4;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 9px 10px 7px;
}
#environment  h2 {
	background: none;
	border: 3px solid #e4e4e4;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 9px 10px 7px;
	color: #257600;
}
h2 a {
	background: none;
	padding: 0;
	color: #27279f;
    text-decoration: none;
}
h2 span.contact01,h2 span.contact02,h2 span.contact03 {
	background: none;
	padding: 0;
    text-decoration: none;
}
h2.bg-h2-circle {
	border: none;
	padding: 0 0 0 22px;
	margin: 0 0 10px 4px;
	font-size: 100%;
	color: #cc0000;
}


/*====================================================================
 横移動リンク
====================================================================*/
.rellink-menu ul {
	margin-bottom: 8px !important;
}
.rellink-menu ul li {
	margin-bottom: 0 !important;
}


/*====================================================================
 contents
====================================================================*/
#path {
    display: none;
}
.text-l-col ,.text-l-col02 {
	width: 48%;
	float: left;
}
.text-r-col ,.text-r-col02 {
	width: 48%;
	float: right;
}

.col3Box01 {
	width: 32%;
	float: left;
}
.col3Box01C {
	width: 32%;
	float: left;
	margin: 0 2%;
}

.imgBox01 p {
	float: left;
	width: 22%;
	margin: 0 0 0 5px !important;
}
.imgBox01 ul {
	float: left;
	width: 72%;
	margin: 0 0 0 10px !important;
}

.appli_selection li {
	width: 40% !important;
}
